<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Minimal and Clean Sign up / Login and Forgot Form by FreeHTML5.co</title>

    <link rel="stylesheet" href="__INDEX__/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="__INDEX__/css/loginstyle.css">
    <link rel="stylesheet" href="__INDEX__/css/animate.css">
    <script src="__INDEX__/js/modernizr-2.6.2.min.js"></script>
    <style>
        body {
            margin: 50px 0;
            text-align: center;

        }

    </style>
</head>
<body class="style-2">

<div class="container">
    <div class="row">
        <div class="col-md-4" style="margin: 15px 380px;">

            <!-- Start Sign In Form -->
            <form class="fh5co-form animate-box fadeInLeft animated-fast popup" action="{:url('/loginverify')}"
                  method="post">
                <h2 style="background: #67E0F3;height:72px;color:#fff;text-align: center;line-height: 72px;border-radius: -2% !important;width: 360px;margin-left: -30px;margin-top: -30px;">
                    注&nbsp;&nbsp;&nbsp;册</h2>
                <div class="form-group">
                    <label class="sr-only">Username</label>
                    <input type="text" class="form-control" id="tel" placeholder="手机号">
                </div>
                <div class="form-group" style="width:350px;">
                    <input type="password" class="form-control" placeholder="验证码" name="yzm" style="display: block;width:190px;float:left;">
                    <button id="getyzm" style="margin-left:-45px;">获取验证码</button>
                </div>

                <div class="form-group">
                    <label for="password" class="sr-only">Password</label>
                    <input type="password" class="form-control" id="password" placeholder="密码" autocomplete="off"
                           name="pwd">

                </div>
                <div class="form-group">
                    <label for="password" class="sr-only">Password</label>
                    <input type="password" class="form-control" placeholder="确认密码" autocomplete="off" name="repwd">

                </div>
                <div class="form-group">
                    <input type="submit" id="embed-submit"
                           value="注&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;册" class="btn btn-primary"
                           style="width:300px;height:50px;border:none">
                </div>
            </form>
            <!-- END Sign In Form -->

        </div>
    </div>
</div>
<script src="__INDEX__/vendor/js/jquery.min.js"></script>
<script src="__INDEX__/vendor/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
    $('#getyzm').click(function () {
        var tel = $.trim($('#tel').val());
        $.ajax({
            // url: "{url('/telyzm/'" + tel + ")}",
            url: "/telyzm/"+tel,
            type: "get",
            dataType: "json",
            success: function (data) {
                console.log(data);
                // if (data) {
                //     alert('发送成功');
                // } else {
                //     alert('发送失败');
                // }
            }
        });
    });
</script>
</body>
</html>

